<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8">
    <title>PCB报价 - eolane</title>

    <link rel="stylesheet" th:href="@{/css/indexCss/index.css}" />
    <link rel="stylesheet" th:href="@{/css/indexCss/base.css}" />

    <link rel="stylesheet" th:href="@{/css/pcboffer/quote.css}" />
    <script th:src="@{/js/pcboffer/jquery-3.2.1.js}" type="text/javascript"></script>
    <script th:src="@{/js/pcboffer/jquery.easyui.min.js}" type="text/javascript"></script>
    <script th:src="@{/js/pcboffer/quote2.js}" charset="utf-8" type="text/javascript"></script>
    <script type="text/javascript">
        $(function(){
            $("header").load("/eolane/f/t/header"); /* 如果是电子制造服务导入common/header1.html，ODM客制化相关导入common/header2.html,以此类推 */
            $("footer").load("/eolane/f/t/footer"); /* 引入公共底部 */
            $(".rightxuanfu").load("/eolane/f/t/right"); /* 右侧悬浮框 */
        })
    </script>
    <style type="text/css">
        /*.tab1{
            table-layout:fixed;
        }
        .tab1 td{
            word-break: keep-all;
            white-space:nowrap;
            overflow:hidden;
            text-overflow:ellipsis;
        }*/
    </style>
</head>
<body style="background-color: #f2f2f2;">

<header style="background-color: white;"></header>
<!--计价主体-->
<div class="g-main" style="margin-top: 15px;">
	<input type="hidden" th:value="${length}"  id="default1" />
    <input type="hidden" th:value="${width}"  id="default2" />
    <input type="hidden" th:value="${layer}" id="default3" />
    <input type="hidden" th:value="${num}" id="default4" />
    <input type="hidden" th:value="${thinkness}" id="default5" />
    <div class="w">
        <div class="pcbonline-options ui-left">
            <b style="font-size: 40px;">PCB报价</b>
            <form th:action="@{/f/t/pcbresult}" id="calcForm" method="post" onsubmit="return judge()">
                <table width="100%" border="0" cellspacing="0" cellpadding="0" class="order-table" >

                    <tbody class="col-3">

                    <tr>
                        <td class="title col-6"><span style="color: red;" class="mandatory eng red font14">*</span>板材类型：</td>
                        <td>
                            <div class="order-type"></div>
                            <div class="select_border ui-left">
                                <select  class="select">
                                    <th:block th:each="dicObject:${#dic.getDicList('material')}">
                                        <option th:value="${dicObject.value}" th:text="${dicObject.value}">FR4 TG150</option>
                                    </th:block>
                                    <option value="其他">其他</option>
                                </select>
                            </div>
                            <div class="nodisplay">
                                <input name="material" value="FR4 TG150" class="note2" type="text" style="height: 28px; width: 100px; margin-left: 30px;margin-top: 2px; font-size: 14px;"/>
                                <div class="note3 col-8" style="color: red;">【请联系销售备注】</div>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td class="title col-6" width="105"><span style="color: red;" class="mandatory eng red font14">*</span>板子尺寸：</td>

                        <td>
                            <em class="ms text-a">
                                <input class="input easyui-validatebox" name="width" id="width"
                                       type="text" placeholder="宽" oninput="value=value.replace(/[^\d]/g,''); "onblur="if(value>450)value=450;if(value<5)value=5;" value="" />
                                <span class="ui-left col-8 cf font18">×</span>

                                <input class="input easyui-validatebox" name="length" id="length"
                                       type="text" placeholder="长" oninput="value=value.replace(/[^\d]/g,'');"onblur="if(value>450)value=450;if(value<5)value=5;" value=""  />
                                <span class="ui-left col-8 mm font14">mm</span>

                            </em>
                        </td>
                    </tr>

                    <tr>
                        <td class="title col-6"><span style="color: red;" class="mandatory eng red font14">*</span>板子层数：</td>
                        <td>
                            <!--<input type="hidden" name="layerNumber" class="hidinput" value="2" />-->
                            <ul class="choose" data-id="pcb_layer" id="pcb_layer_ul" >
                                <th:block th:each="dicObject:${#dic.getDicList('number_layers')}">
                                    <li th:data-value="${dicObject.value}" th:text="${dicObject.value}+层">1层</li>
                                </th:block>

                                <li data-value="其他">其他</li>
                            </ul>
                            <div class="nodisplay">
                                <input type="text" name="layerNumber" class="note2" style="height: 25px; width: 100px;"  />

                                <div class="note3 col-8" style="color: red;">【请联系销售备注】</div>
                            </div>

                        </td>
                    </tr>

                    <tr>
                        <td class="title col-6"><span style="color: red;" class="mandatory eng red font14">*</span>数量：</td>
                        <td>
                            <em class="ms text-a">
                                <input class="input easyui-validatebox" type="number"
                                       name="qutantity" id="pcb_num" value="5" step="1"
                                       oninput="if(value>10000)value=10000;if(value<1)value=1;"/>
                                <span class="ui-left col-8 mm font14" id="pcb_unit_show">个</span>
                            </em>
                        </td>
                    </tr>

                    <tr>
                        <td class="title col-6"><span style="color: red;" class="mandatory eng red font14">*</span>板子厚度：</td>
                        <td>
                            <!--<input type="hidden" name="thickness" class="hidinput" value="1.6" />-->
                            <ul class="choose" data-id="pcb_thinkness" id="pcb_thinkness_ul" name="test">
                                <th:block th:each="dicObject:${#dic.getDicList('thickness')}">
                                    <li th:data-value="${dicObject.value}" th:text="${dicObject.value}"></li>
                                </th:block>

                                <li data-value="其他">其他</li>
                            </ul>
                            <div class="nodisplay">
                                <input type="text" value="" name="thickness" class="note2" style="height: 25px; width: 100px;"/>
                                <div class="note3 col-8" style="color: red;">【请联系销售备注】</div>
                            </div>

                        </td>
                    </tr>

                    <tr>
                        <td class="title col-6"><span style="color: red;" class="mandatory eng red font14">*</span>表面处理：</td>
                        <td>
                            <div class="order-type"></div>
                            <div class="select_border ui-left">
                                <select name="surfactTreatment" class="select">
                                    <th:block th:each="dicObject:${#dic.getDicList('surfact_treatment')}">
                                        <option th:data-value="${dicObject.value}" th:text="${dicObject.value}"></option>
                                    </th:block>
                                </select>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td class="title col-6"><span style="color: red;" class="mandatory eng red font14">*</span>外基铜厚度：</td>
                        <td>
                            <div class="order-type"></div>
                            <div class="select_border ui-left">
                                <select name=""class="select">
                                    <th:block th:each="dicObject:${#dic.getDicList('ebct')}">
                                        <option th:data-value="${dicObject.value}" th:text="${dicObject.value}"></option>
                                    </th:block>


                                    <option data-value="其他">其他</option>
                                </select>
                            </div>
                            <div class="nodisplay">
                                <input type="text" class="note2" name="ebct" style="height: 28px; width: 100px; margin-left: 30px;margin-top: 2px; font-size: 14px;" value="1 (35um)" />
                                <div class="note3 col-8" style="color: red;">【请联系销售备注】</div>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td class="title col-6"><span style="color: red;" class="mandatory eng red font14">*</span>内基铜厚度：</td>
                        <td>
                            <div class="order-type"></div>
                            <div class="select_border ui-left">

                                <select name="" id="my_select" class="select">
                                    <th:block th:each="dicObject:${#dic.getDicList('ibct')}">
                                        <option th:data-value="${dicObject.value}" th:text="${dicObject.value}"></option>
                                    </th:block>
                                    <option data-value="其他">其他</option>
                                </select>
                            </div>
                            <div class="nodisplay">
                                <input type="text"  class="note2" name="ibct" style="height: 28px; width: 100px; margin-left: 30px;margin-top: 2px; font-size: 14px;" value="1 (35um)" />
                                <div class="note3 col-8" id="pcb_material_show" style="color: red;">【请联系销售备注】</div>
                            </div>
                         </td>
                    </tr>

                    <tr>
                        <td class="title col-6" width="105"><span style="color: red;" class="mandatory eng red font14">*</span>PCS/Panel：</td>
                        <td>
                            <em class="ms text-a">
                                <input class="input easyui-validatebox" name="pcsPanel"
                                       type="number" value="1" onblur="if(value>100)value=100;if(value<1)value=1;"/>
                            </em>
                        </td>
                    </tr>

                    <tr>
                        <td class="title col-6" width="105">节间长度：</td>
                        <td>
                            <em class="ms text-a">
                                <input class="input easyui-validatebox" name="panelLength" id="pcb_width"
                                       type="number" placeholder="5~450" onblur="if(value>450)value=450;if(value<5)value=5;"/>
                                <span class="ui-left col-8 mm font14">mm</span>
                            </em>
                        </td>
                    </tr>

                    <tr>
                        <td class="title col-6" width="105"><!--<span style="color: red;" class="mandatory eng red font14">*</span>-->节间宽度：</td>
                        <td>
                            <em class="ms text-a">
                                <input class="input easyui-validatebox" name="panelWidth"
                                       type="number" placeholder="5~450" onblur="if(value>450)value=450;if(value<5)value=5;"/>
                                <span class="ui-left col-8 mm font14">mm</span>
                            </em>
                        </td>
                    </tr>

                    <tr>
                        <td class="title col-6" valign="top">阻焊颜色：</td>
                        <td>

                            <ul class="choose" data-id="pcb_boardcolor" id="pcb_boardcolor_ul">
                                <th:block th:each="dicObject:${#dic.getDicList('color')}">
                                    <li th:data-value="${dicObject.value}"><span class="col-m font14" th:style="'color:'+${dicObject.str}">■</span ><span th:text="${dicObject.value}"></span></span></li>
                                </th:block>
                                <!--<li data-value="绿色" class="over"><span class="col-m col-01 font14" >■</span>绿色</li>-->
                                <!--<li data-value="红色"><span class="col-m col-02 font14">■</span>红色</li>-->
                                <!--<li data-value="黄色"><span class="col-m col-03 font14">■</span>黄色</li>-->
                                <!--<li data-value="蓝色"><span class="col-m col-04 font14">■</span>蓝色</li>-->
                                <!--<li data-value="白色"><span class="col-m col-05 font14">■</span>白色</li>-->
                                <!--<li data-value="黑色"><span class="col-m col-06 font14">■</span>黑色</li>-->
                            </ul>
                            <div class="nodisplay">
                                <input type="text"  class="note2" name="color" style="height: 28px; width: 100px; margin-left: 30px;margin-top: 2px; font-size: 14px;" value="" />
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td class="title col-6">丝网印刷：</td>
                        <td>
                            <div class="order-type"></div>
                            <div class="select_border ui-left">
                                <select name="silkScreen" class="select">
                                    <th:block th:each="dicObject:${#dic.getDicList('SilkScreen')}">

                                        <option th:value="${dicObject.value}" th:text="${dicObject.value}"></option>
                                    </th:block>
                                    <!--<option value="0">Yes</option>-->
                                    <!--<option value="1">No</option>-->
                                </select>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td class="title col-6">货币：</td>
                        <td>
                            <div class="order-type"></div>
                            <div class="select_border ui-left">
                                <select name="currency" id="pcb_material" class="select">
                                    <th:block th:each="dicObject:${#dic.getDicList('currency')}">
                                        <option th:data-value="${dicObject.value}" th:text="${dicObject.value}"></option>
                                    </th:block>
                                </select>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="title col-6">加急：</td>
                        <td>
                            <div class="order-type"></div>
                            <div class="select_border ui-left">
                                <select name="urgent" id="urgent" class="select">
                                    <th:block th:each="dicObject:${#dic.getDicList('urgent')}">
                                        <option th:value="${dicObject.value}" th:text="${dicObject.value}"></option>
                                    </th:block>

                                    <!--<option th:data-value="No" th:text="No"></option>-->
                                    <!--<option th:data-value="Yes" th:text="Yes"></option>-->
                                </select>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td class="title col-6">UL整合：</td>
                        <td>
                            <div class="order-type"></div>
                            <div class="select_border ui-left">
                                <select name="ulConformity" class="select">
                                    <th:block th:each="dicObject:${#dic.getDicList('ULconformity')}">
                                        <option th:value="${dicObject.value}" th:text="${dicObject.value}"></option>
                                    </th:block>
                                    <!--<option value="0">Yes</option>-->
                                </select>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td class="title col-6">IPC6012：</td>
                        <td>
                            <div class="order-type"></div>
                            <div class="select_border ui-left">
                                <select name="ipc6012" class="select">
                                    <th:block th:each="dicObject:${#dic.getDicList('IPC6012Class')}">
                                        <option th:value="${dicObject.value}" th:text="${dicObject.value}"></option>
                                    </th:block>
                                    <!--<option value="2">2</option>-->
                                </select>
                            </div>
                        </td>
                    </tr>


                    <tr>
                        <td class="title col-6">备注：</td>
                        <td>
                            <textarea class="ms text-a" cols="80" style="width: 500px;height: 100px;resize: none;" name="remark" placeholder="内容" ></textarea>
                        </td>
                    </tr>
                    </tbody>
                </table>
                        <input type="hidden" name="lvbv" value="No"/>
                        <input type="hidden" name="mlwSpace" value="≥0.125mm"/>
                        <input type="hidden" name="aspectRatio" value="≤8:1"/>
                     <input class="submitjs f18 bold" type="submit" id="btnAddCart" value="计算价格"/>
            </form>
        </div>

        <!--个人信息-->
        <div class="calculate-offer" id="quote-scroll">
            <div class="pcbonline-results">

                <h3 class="dt currentDd currentDt"><span class="f14"><strong>您的信息：</strong><strong th:if="${user}==null" style="color: red">您还未登录</strong></span></h3>
                <div class="mod" style="display: block;">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="cost-details-list tab1" >
                        <tbody>
                        <tr>
                            <td bgcolor="#f4f4f4" style="padding: 5px 15px">姓名：</td>
                            <td th:text=" ${user}==null ? '未登录':${user.getUserName()}">未登录</td>
                        </tr>
                        <tr>
                            <td bgcolor="#f4f4f4" style="padding: 5px 15px">电话：</td>
                            <td th:text=" ${user}==null ? '未登录':${user.getPhoneNumber()}">未登录</td>
                        </tr>
                        <tr>

                            <td bgcolor="#f4f4f4" style="padding: 5px 15px">公司：</td>
                            <td th:text=" ${user}==null ? '未登录':${user.getCompany()}">未登录</td>
                        </tr>
                        <tr>
                            <td bgcolor="#f4f4f4" style="padding: 5px 15px">邮箱：</td>
                            <td th:text=" ${user}==null ? '未登录':${user.getMail()}">未登录</td>
                        </tr>
                        </tbody>
                    </table>
                </div>

            </div>
        </div>

        <div class="clearfloat"></div>

    </div>

</div>





<!--服务保障 -->
<div class="four-guarantee nodisplay">
    <div class="w1280">
        <ul class="guarantee-box clearfix">
            <li>
                <em class="jp-ico wow rollIn animated" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: rollIn;">
                    <img th:src="@{/images/pcdoffer/guarantee-a-icon.png}" style="width: 63px;height: 63px;"/></em>
                <span class="f16 wow bounceInLeft animated" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: bounceInLeft;">价格优势</span>
                <p class="c9 wow bounceInLeft animated" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: bounceInLeft;">以行业最优惠的价格服务给您</p>
            </li>
            <li>
                <em class="jp-ico wow rollIn animated" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: rollIn;">
                    <img th:src="@{/images/pcdoffer/guarantee-b-icon.png}" style="width: 63px;height: 63px;"/></em>
                <span class="f16 wow bounceInLeft animated" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: bounceInLeft;">付款安全</span>
                <p class="c9 wow bounceInLeft animated" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: bounceInLeft;">用流行的支付和安全支付方法</p>
            </li>
            <li>
                <em class="jp-ico wow rollIn animated" data-wow-delay="0.9s" style="visibility: visible; animation-delay: 0.9s; animation-name: rollIn;">
                    <img th:src="@{/images/pcdoffer/guarantee-c-icon.png}" style="width: 73px;height: 73px;"/></em>
                <span class="f16 wow bounceInLeft animated" data-wow-delay="0.9s" style="visibility: visible; animation-delay: 0.9s; animation-name: bounceInLeft;">交期保证</span>
                <p class="c9 wow bounceInLeft animated" data-wow-delay="0.9s" style="visibility: visible; animation-delay: 0.9s; animation-name: bounceInLeft;">如果不能按时发货<br />我们将按时效退还加急费</p>
            </li>
            <li>
                <em class="jp-ico wow rollIn animated" data-wow-delay="1.3" style="visibility: visible; animation-delay: 1.3s; animation-name: rollIn;">
                    <img th:src="@{/images/pcdoffer/guarantee-d-icon.png}" style="width: 63px;height: 63px;"/></em>
                <span class="f16 wow bounceInLeft animated" data-wow-delay="1.3s" style="visibility: visible; animation-delay: 1.3s; animation-name: bounceInLeft;">质量保证</span>
                <p class="c9 wow bounceInLeft animated" data-wow-delay="1.3s" style="visibility: visible; animation-delay: 1.3s; animation-name: bounceInLeft;">如果质量与所描述不一致或有质量<br />
                    缺陷，我们将退款</p>
            </li>
        </ul>
    </div>
</div>


<footer></footer>
<div class="rightxuanfu"></div>
</body>
</html>
